#{extends 'frame.html' /}
#{set title:'邀请好友' /}

#{set 'moreStyles'}
<link rel="stylesheet" media="screen" href="@{'/public/stylesheets/invite.css'}" />
<link rel="stylesheet" media="screen" href="@{'/public/stylesheets/jquery.pagination.css'}" />
<link rel="stylesheet" media="screen" href="@{'/public/datetimepicker/jquery.datetimepicker.css'}" />
#{/set}

<div class="contentCard">
	<div class="contentTitle">奖励规则</div>
#{if user.type.toString()=='SELLER'}
	<div class="contentBody">
	邀请的商家发布的任务成功完成，根据任务金额每单可获得相应金币奖励，如下：</p> 
	任务金额：0-50元，完成后可获得奖励：0.15金币/单</p>
	任务金额：51-150元，完成后可获得奖励：0.2金币/单</p>
	任务金额：151-250元，完成后可获得奖励：0.25金币/单</p>
	任务金额：250-350元以，完成后可获得奖励：0.3金币/单</p>
	任务金额：350元以上，完成后可获得奖励：0.35金币/单</p>
	注：商家任务的奖金由微赚平台承担
	</div>

#{/if}

#{if user.type.toString()=='BUYER'}
	<div class="contentBody">
	邀请的买手成功完成任务，根据任务金额每单可获得相应金币奖励，如下：</p>
	<!--  
	任务金额：0-50元，完成后可获得奖励：0.3金币/单</p>
	任务金额：51-150元，完成后可获得奖励：0.4金币/单</p>
	任务金额：151-250元，完成后可获得奖励：0.5金币/单</p>
	任务金额：250-350元，完成后可获得奖励：0.6金币/单</p>
	任务金额：350元以上，完成后可获得奖励：0.7金币/单</p>
	-->
	任务金额：0-150元，完成后可获得奖励：0.3金币/单</p>
	任务金额：151-350元，完成后可获得奖励：0.4金币/单</p>
	任务金额：351元以上，完成后可获得奖励：0.5金币/单</p>
	注：买手完成任务的奖金由微赚平台承担，不会扣除买手完成任务获得的佣金
	</div>

#{/if}
</div>

<div class="contentCard">
	<div class="contentTitle">我获得的任务奖励</div>
	<div id="taskFilterPanel">
		<div class="clearfix mb10">
			<span class="floatLeft mr10">好友昵称</span>
			<input type="text" id="nick" class="floatLeft mr10 inputText" />
		<div class="clearfix mb10">
			<span class="floatLeft mr10">奖励时间</span>
			<input type="text" id="rewardTimeStart" class="floatLeft mr10 inputText" />
			<span class="floatLeft mr10">-</span>
			<input type="text" id="rewardTimeEnd" class="floatLeft mr10 inputText" />
			<a class="stdColorButton floatLeft queryBtn" href="javascript:;" id="queryBtn">查询</a>
		</div>
	</div>
	<div class="mt20">
		<table class="normTable">
			<thead>
				<tr>
					<td style="width:20%">昵称</td>
					<td style="width:25%">奖励发放时间</td>
					<td style="width:30%">详情</td>
					<td style="width:25%">奖励金额</td>
				</tr>
			</thead>
			<tbody id="accountContainer"></tbody>
		</table>
		<div id="noMsg">
			<div class="warnBox">
				<span class="iconfont">&#xf00b6;</span>
				没有记录!
			</div>
		</div>
		<div class="pagin-btm clearFix" style="display: none;">
			<div class="pagination"></div>
		</div>
		<div class="popWrapper" style="display: none;" id="tr_loading_mask">
			<div class="maskLayer"></div>
			<img class="tr_juhua" src="/public/images/pre_loading.gif" />
		</div>
	</div>
</div>

<textarea class="muban" id="rowTemp">
	{{#results}}
	<tr data-nick="{{nick}}" data-uid="{{id}}">
		<td>{{nick}}</td>
		<td class="usertype">{{taskFinishedTimeStr}}</td>
		<td>{{memo}}</td>
		<td>{{rewardIngotLong}}</td>
	</tr>
	{{/results}}
</textarea>


#{set 'moreScripts'}
<script src="@{'/public/javascripts/jquery.pagination.js'}" type="text/javascript"></script>
<script src="@{'/public/javascripts/mustache.min.js'}" type="text/javascript"></script>
<script src="@{'/public/javascripts/jquery.zclip.js'}" type="text/javascript"></script>
<script src="@{'/public/javascripts/jquery.number.min.js'}" type="text/javascript"></script>
<script src="@{'/public/datetimepicker/jquery.datetimepicker.js'}" type="text/javascript"></script>
<script src="@{'/public/javascripts/main.js'}" type="text/javascript"></script>
<script src="@{'/public/javascripts/user/taskInvite.js'}" type="text/javascript"></script>

<script type="text/javascript">App.module = 'taskInvite';</script>
#{/set}